// 获取初始数据
$.ajax({
    url: '/noinfo/search_theme_get/',
    type: 'GET',
    dataType: 'json',
    success: function(data) {
        var themes = data.themes;
        // 表格赋值
        tableUpdate(themes);
        // 搜索框选项
        $.each(themes, function(index, item) {
            $('#themelist').append($('<option>').text(item.theme)); 
        });
    }
});

// 更新表格数据
function tableUpdate(data) {
    // 清空表格数据
    $('#table tbody').empty();
    // 遍历数据，构建新的表格行
    $.each(data, function(index, item) {
        var row = $('<tr>');
        
        var link = $('<a>').attr('href', '/noinfo/update_theme/?uid=' + item.id).attr('target', 'update-iframe').addClass('a-theme').text(item.theme);
        row.append($('<td>').addClass('td0').append(link));
        var status_type = $('<td>').text(item.status_type + '-').addClass('td1');
        if(item.status_type == '动画'){
            status_type.css('color', '#1E90FF');
        }else if(item.status_type == '电影'){
            status_type.css('color', '#808080');
        }
        else if(item.status_type == '电视剧'){
            status_type.css('color', '#84C9EF');
        }else if(item.status_type == '小说'){
            status_type.css('color', '#00AC6B');
        }
        row.append(status_type);
        row.append($('<td>').text(item.status_view).addClass('td2'));
        row.append($('<td>').text(item.source_name).addClass('td3'));
        row.append($('<td>').text(item.source_type).addClass('td4'));
        row.append($('<td>').text(item.universe).addClass('td5'));
        row.append($('<td>').text(item.author).addClass('td6'));
        row.append($('<td>').text(item.status).addClass('td7'));

        // 添加其他表格列
        $('#table tbody').append(row);
    });
}

// POST获取数据库数据
function clickPost() {
    // 获取按钮ID
    var themeVal = $("#search-box").val();
    var typeVal = $("button.type-on").attr('id');
    // 发送AJAX请求
    $.ajax({
        url: '/noinfo/search_theme_post/',
        type: 'POST',
        dataType: 'json',
        data: { 
            theme_val: themeVal,
            type_val: typeVal,
        },
        success: function(data) {
            tableUpdate(data);
        }
        });
}

// 分类点击
$('#all, #universe, #noupdate').click(function(event) {
    // 恢复所有按钮原样式
    $('button').removeClass('type-on');
    // 当前点击的按钮添加active类
    $(event.target).addClass('type-on');
    clickPost();
});
// 搜索框点击
$('#search-button').click(function() {
    clickPost();
});



// 表单提交更新数据
window.onload = function() {
    $('#iframe').on('load', function() {
        clickPost();
    });
    $("#search-box").on("keypress", function(event) {
        if (event.which === 13) { // 13 是回车键的键码
          event.preventDefault();
          clickPost();
        }
    });
};